Gør mellemrum / kommentarer langsomme Javascript?

Folk bruger normalt minimeringsværktøjer til at reducere STØRRELSE for scriptet, for at forbedre downloadhastigheden, snarere end at gøre nogen forskel i hastigheden for at analysere scriptet.
Hvidt mellemrum og kommentarer vil have ringe effekt i, hvor lang tid det tager en browser at udføre, da parseren har brug for at kontrollere, om det er hvidt mellemrum, eller en kommentar, men i virkeligheden vil dette være så lille med den nuværende computerkraft, det ville være umuligt at bemærk enhver påvirkning.
STØRRELSE er dog stadig vigtig, selv med den store båndbredde, der er tilgængelig i vores bredbåndsverden.
|
Mellemrum og kommentarer øger størrelsen på JavaScript-filen, hvilket nedsætter den faktiske download af filen fra serveren - minificering er processen med at fjerne unødvendige tegn fra en JavaScript-fil for at gøre den mindre og lettere at downloade.
Men da du nævner et brutalt kraftangreb, er flaskehalsen sandsynligvis ikke downloadet. Prøv at bruge en profil til at finde ud af, hvad der bremser dig.
|
Der er altid et punkt i at minificere, kombinere og gzippe dine aktiver for at lette serverbelastningen.
Minifiering er den handling, du henviser til, at fjerne unødvendigt mellemrum og kommentarer for at mindske downloadhastigheden.
Kombination vil sandsynligvis vise en endnu større stigning i sidegengivelseshastighed; det handler om at flette alle dine javascript-filer til en og alle dine css-filer til en (det kan også gøres for de fleste billeder, men det kræver noget mere arbejde). Dette gøres for at reducere antallet af anmodninger, browseren skal stille til din server, for at kunne vise siden.
GZipping er handlingen med yderligere komprimering af data i et zip-format til browsere, der indikerer, at de accepterer sådanne data. Dette reducerer størrelsen yderligere, men tilføjer lidt ekstra arbejdsbelastning i begge ender. Du vil sandsynligvis se en nettogevinst ved det.
Afhængigt af hvilket miljø du arbejder i, er der forskellige komponenter, der hjælper dig med dette, der normalt dækker alt det ovenstående på én gang.
Den tid, det tager din kode at downloade fra serveren, har en direkte indvirkning på, hvor lang tid det tager at gengive siden. JavaScript blokerer, hvilket betyder, at en JS-blok forhindrer yderligere gengivelse, indtil blokken er fuldført. Som sådan, hvor du placerer dine javascript-filer (dvs. i hvilket punkt i gengivelsesprocessen de bliver anmodet om), hvor mange anmodninger der kræves for at den skal downloades fuldstændigt, og hvor meget data der er at downloade, vil have indflydelse på din sideindlæsning, som det ser ud til brugeren.
Når browseren har parset din kode, det være sig javascript, css eller html, har den oprettet interne repræsentationer af den del, den har brug for for at blive ved med at huske, og den aktuelle formatering påvirker ikke længere den.
|
Jeg tror ikke, at mellemrum i js-kode bremser udførelsen af ​​det. Så vidt jeg forstår, fjerner en javascript-tolk alle kommentarer og overflødigt mellemrum inden behandling. Det kan imidlertid påvirke downloadtiden og dermed indlæse tiden på en webside.
Se her for lidt ekstra information.
|
Det har ringe eller ingen indflydelse på den faktiske behandlingshastighed, men ...
Mindre størrelse => mindre båndbredde => mindre omkostninger => ??? => fortjeneste!
|
Dit svar
StackExchange.ifUsing ("editor", funktion () {
StackExchange.using ("externalEditor", funktion () {
StackExchange.using ("uddrag", funktion () {
StackExchange.snippets.init ();
});
});
}, "kodestykke");
StackExchange.ready (funktion () {
var channelOptions = {
tags: "" .split (""),
id: "1"
};
initTagRenderer ("". split (""), "" .split (""), channelOptions);
StackExchange.using ("externalEditor", funktion () {
// Skal redigere editoren efter uddrag, hvis uddrag er aktiveret
hvis (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using ("uddrag", funktion () {
createEditor ();
});
}
andet {
createEditor ();
}
});
funktion createEditor () {
StackExchange.prepareEditor ({
useStacksEditor: falsk,
heartbeatType: 'svar',
autoActivateHeartbeat: false,
convertImagesToLinks: sand,
noModals: sandt,
showLowRepImageUploadWarning: true,
reputToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Drevet af \ u003ca href = \" https: //imgur.com/ \ "\ u003e \ u003csvg class = \" svg-icon \ "width = \" 50 \ "height = \" 18 \ "viewBox = \ "0 0 50 18 \" fill = \ "none \" xmlns = \ "http: //www.w3.org/2000/svg \" \ u003e \ u003cpath d = \ "M46.1709 9.17788C46.1709 8.26454 46.2665 7.94324 47.1084 7.58816C47.4091 7.46349 47.7169 7.36433 48.0099 7.26993C48.9099 6.97997 49.672 6.73443 49.672 5.93063C49.672 5.22043 48.9832 4.61182 48.1414 4.61182C47.4335 4.61182 46.7256 4.916 43.1481 6.59048V11.9512C43.1481 13.2535 43.6264 13.8962 44.6595 13.8962C45.6924 13.8962 46.1709 13.2535 46.1709 11.9512V9.17788Z \ "/ \ u003e \ u003cpath d = \" M32.492 10.1419C32.44.064.014 12.6 41.5985 12.6954 41.5985 10.1419V6.59049C41.5985 5.28821 41.1394 4.6623240.1061 4.66232C39.0732 4.66232 38.5948 5.28821 38.5948 6.59049V9.60062C38.5948 10.8521 38.2696 11.5455 37.0451 11.5455C35.8209 11.5455 35.4954 10.8521 35.4954 9.60062V6.59049C35.4953.4263 "/ \ u003e \ u003cpath fill-rule = \" evenodd \ "clip-rule = \" evenodd \ "d = \" M25.6622 17.6335C27.8049 17.6335 29.3739 16.9402 30.2537 15.6379C30.8468 14.7755 30.9615 13.5579 30.9615 11.95126. 59049C30.9615 5.28821 30.4833 4.66231 29.4502 4.66231C28.9913 4.66231 28.4555 4.94978 28.1109 5.50789C27.499 4.86533 26.7335 4.56087 25.7005 4.56087C23.1369 4.56087 21.0134 6.57349 21.0134 9.2432.921 23.0134 1109 12.7229 28.1161 12.7799 28.121 12.8346C28.1256 12.8854 28.1301 12.9342 28.1301 12.983C28.1301 14.4373 27.2502 15.2321 25.777 15.2321C24.8349 15.2321 24.1352 14.9821 23.5661 14.7787323.126 18 21.2429 15.0123 21.2429 15.6887C21.2429 16.7375 22.9072 17.6335 25.6622 17.6335ZM24.1317 9.27932C24.1317 7.94324 24.9928 7.09766 26.1024 7.09766C27.2119 7.09766 28.0918 7.94324 28.0918 9.27932C28.0918 1011.6 \ "/ \ u003e \ u003cpath d = \" M16.8045 11.9512C16.8045 13.2535 17.2637 13.8962 18.2965 13.8962C19.3298 13.8962 19.8079 13.2535 19.8079 11.9512V8.12928C19.8079 5.82936 18.4879 4.62866 14.3027 4.6.66 4.626 .653 5.05154 11.6581 4.62866 10.3573 4.62866C9.34336 4.62866 8.57809 4.89931 7.9466 5.5079C7.58314 4.9328 7.10506 4.66232 6.51203 4.66232C5.47873 4.66232 5.00066 5.28821 5.00066 6.59049V11.95125.5566 .90741C8.0232 7.58817 8.44431 6.91179 9.53458 6.91179C10.5104 6.91179 10.893 7.58817 10.893 8.94108V11.9512C10.893 13.2535 11.3711 13.8962 12.4044 13.8962C13.4375 13.8962 13.915 7 13.2535 13.9157 11.9512V8.90741C13.9157 7.58817 14.3365 6.91179 15.4269 6.91179C16.4027 6.91179 16.8045 7.58817 16.8045 8.94108V11.9512Z \ "/ \ u003e \ u003cpath d = \" M3.31675 6.590493.366663.36 791758 4.66232 0.313354 5.28821 0.313354 6.59049V11.9512C0.313354 13.2535 0.791758 13.8962 1.82471 13.8962C2.85798 13.8962 3.31675 13.2535 3.31675 11.9512V6.59049Z \ "/ \ u003e \ u003cpath1 0291 = 0,41 C0 2.87869 0.822846 3.57676 1.87209 3.57676C2.90056 3.57676 3.7234 2.87869 3.7234 1.98861C3.7234 1.1159 2.90056 0.400291 1.87209 0.400291Z \ "fill = \" # 1BB76E \ "/ \ u003e \ u003c / sv3 \ u00e \ u00e \ u00e \ u00e \ u00e \ u00e
contentPolicyHtml: "Brugerbidrag licenseret under \ u003ca href = \" https: //stackoverflow.com/help/licensing \ "\ u003ecc by-sa \ u003c / a \ u003e \ u003ca href = \" https://stackoverflow.com / legal / content-policy \ "\ u003e (content policy) \ u003c / a \ u003e",
allowUrls: sandt
},
onDemand: sandt,
discardSelector: ".discard-answer"
, straksShowMarkdownHelp: true, enableTables: true, enableSnippets: true
});
}
});
Tak for dit bidrag til Stack Overflow!
Sørg for at besvare spørgsmålet. Giv detaljer og del din forskning!
Men undgå ...
At bede om hjælp, afklaring eller svar på andre svar.
At afgive udsagn baseret på mening; sikkerhedskopier dem med referencer eller personlig erfaring.
For at lære mere, se vores tip til at skrive gode svar.
Kladde gemt
Udkast kasseret
Tilmeld dig eller log ind
StackExchange.ready (funktion () {
StackExchange.helpers.onClickDraftSave ('# login-link');
});
Tilmeld dig ved hjælp af Google
Tilmeld dig via Facebook
Tilmeld dig ved hjælp af e-mail og adgangskode
Indsend
Send som gæst
Navn
E-mail
Påkrævet, men aldrig vist
StackExchange.ready (
funktion () {
StackExchange.openid.initPostLogin ('. New-post-login', 'https% 3a% 2f% 2fstackoverflow.com% 2fquestions% 2f4423553% 2fdo-spaces-comments-slow-javascript-down% 23new-answer', 'question_page' );
}
);
Send som gæst
Navn
E-mail
Påkrævet, men aldrig vist
Send dit svar
Kassér
Ved at klikke på "Send dit svar" accepterer du vores servicevilkår, fortrolighedspolitik og cookiepolitik
Er det ikke det svar, du leder efter? Gennemse andre spørgsmål, der er tagget javascript, eller stil dit eget spørgsmål.